<!DOCTYPE html>
<html>
<head>
	<title>苹果</title>
	<style type="text/css">
		.a{
			
			background-color: red;
			border-radius: 70% 70% 50% 50%;
			width: 300px;
			height: 300px;
			position:relative;
			margin: 0 auto;			
			z-index: 1;
		}
 
		.b{
			
			background-color:red;
			border-radius: 70% 70% 50% 50%;
			width: 300px;
			height: 300px;
			position:absolute;
			left:50%;
			z-index: 1;
		}
 
		.c{
			
			background-color: red;
			border-radius: 50% 50% 50% 70%;
			width: 300px;
			height: 300px;
			position:absolute;
			top:30%;
			z-index: 1;
 
		}
 
		.d{
			
			background-color: red;
			border-radius: 50% 50% 70% 50%;
			width: 300px;
			height: 300px;
			position:absolute;
			top:30%;
			left:50%;
			z-index: 1;
		}
 
		.e{
			
			background-color: red;
			border-radius: 50% 50% 50% 50%;
			width: 360px;
			height: 360px;
			position:absolute;
			top:4%;
			right:-18%;
			z-index: 1;
			} 
		.f{
			
			background-color: red;
			border-radius: 50% 50% 50% 50%;
			width: 350px;
			height: 350px;
			position:absolute;
			top:10%;
			left:35%;
			z-index: 1;
 
		} 
		.h{
			background-color: green;
			border-radius: 0% 100% 0% 100%;
			width: 150px;
			height: 160px;
			margin: 0 auto;
			position:relative;
			left:8%;
			top:10%;
			z-index: 1;	
			transform: rotate(90deg);
		}
 
	</style>
</head>
<body>
<h1 align="center">Happy Christmas Eve</h1>
<div class="h"></div>
<div class="a">
	<div class="b"></div>
	<div class="c"></div>
	<div class="d"></div>
	<div class="e"></div>
	<div class="f"></div>
	</div>
</body>
</html>
